<template>
  <view>
    <video id="my-video" class="video-js" controls preload="auto" width="640" height="264">
      <source src="https://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4">
      Your browser does not support the video tag.
    </video>
	<video src="https://www.w3schools.com/html/mov_bbb.mp4"></video>
  </view>
</template>

<script>
import videojs from 'video.js';
import 'video.js/dist/video-js.css';

export default {
	onReady() {
	    videojs('my-video').ready(function() {
	      console.log('Player ready');
	      this.play();
	    });
	  }
};
</script>

<style scoped>
.video-container {
  position: relative;
  width: 100%;
  height: 300px;
}
</style>
